<template>
 <div>
  <!-- <el-button class="filter-item" size="mini" type="success" icon="el-icon-back" style="margin-left:25px"  @click="back">返回</el-button> -->
  <!-- <el-tabs v-model="activeName" style="padding-left: 25px;" type="border-card" @tab-click="handleClick"> -->
  <el-tabs v-model="activeName" style="box-sizing:border-box;margin-left:30px" type="border-card" @tab-click="handleClick">	  
	<!-- <el-tab-pane  name="first">
	  <span slot="label"><i class="el-icon-date"></i> 基本信息</span>
	  <Basic/>
    </el-tab-pane> -->
    <el-tab-pane  name="first">
		<span slot="label"><i class="el-icon-document-remove"></i> 待办</span>
		<Upcoming/>
	</el-tab-pane>
    <el-tab-pane  name="second">
		<span slot="label"><i class="el-icon-document-checked"></i> 已办</span>
		<Done/>
	</el-tab-pane>



    <!-- <el-tab-pane label="配偶或家庭主要成员信息" name="second">
	  <Members/>
    </el-tab-pane>
	 <el-tab-pane label="学历履历" name="third">
	  <Education/>
    </el-tab-pane>
    <el-tab-pane label="工作履历" name="fourth">
	   <Experience/>
    </el-tab-pane>
	 <el-tab-pane label="征信信息" name="fifth">
      <Credit/>
    </el-tab-pane> -->

	<!-- <el-tab-pane label="待办" name="sixth">
		<Upcoming/>
	</el-tab-pane> -->
  </el-tabs>
</div>
</template>

<script>
import Basic from './basic/basic'
import Members from './basic/member/index'
import Education from './basic/education/index'
import Experience from './basic/experience/index'
import Credit from './basic/credit/index'

import Upcoming from './basic/upcoming/index'
import Done from './basic/done/index'


import '@/styles/description.scss'
export default {
  components: { Basic,Members,Education,Experience,Credit,Upcoming,Done},
  data() {
    return {
      activeName: 'first'
    }
  },
  created() {
	  this.activeName = sessionStorage.getItem('firstTab') ||'first'
  },
  methods: {
	  back(){
		 this.$router.go(-1)
	  },
	  handleClick(tab, event) {
				console.log('tab.name',tab.name)
				sessionStorage.setItem('firstTab',tab.name)
				// console.log(tab, event);
     }
  }
}
</script>

<style scoped>
</style>
